<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/demo.css">
    <link rel="stylesheet" href="css/demo2.css">
    <link rel="stylesheet" href="css/iconfont2.css">
</head>

<body>
<header>
    <h1>冬奥会数据展示-世界版
        <a href="index.html" style="text-decoration: none;color: white;font-size: 16px"><strong>世界版</strong></a>
        <a href="china.html" style="text-decoration: none;color: white;font-size: 16px"><strong>中国版</strong></a>
    </h1>

    <div class="showTime">当前时间：2020年3月17-0时54分14秒</div>
    <script>
        var t = null;
        t = setTimeout(time, 1000); //開始运行
        function time() {
            clearTimeout(t); //清除定时器
            dt = new Date();
            var y = dt.getFullYear();
            var mt = dt.getMonth() + 1;
            var day = dt.getDate();
            var h = dt.getHours(); //获取时
            var m = dt.getMinutes(); //获取分
            var s = dt.getSeconds(); //获取秒
            document.querySelector(".showTime").innerHTML =
                "当前时间：" +
                y +
                "年" +
                mt +
                "月" +
                day +
                "-" +
                h +
                "时" +
                m +
                "分" +
                s +
                "秒";
            t = setTimeout(time, 1000); //设定定时器，循环运行
        }
    </script>
</header>
<section class="mainbox">


    <div class="column">
        <div class="panel bar yxinmiracle-yxin">
            <h2>
                历届冬奥会参赛国家数与参赛人数
            </h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel line">
            <h2>冬奥比赛小项趋势</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
            <h2>历届参赛运动员人数趋势及其男女比例</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
    </div>


    <!--  中间  -->
    <div class="column">
        <div class="no">
            <div class="no-hd">
                <ul>
                    <li>
                        <span class="yxinmiralce-icon-span iconfont icon-yueyehuaxue"></span> <br>
                        24 <span style="font-size: 16px">次</span>
                    </li>
                    <li>
                        <span class="yxinmiralce-icon-span iconfont icon-diqiu"></span><br>
                        91 <span style="font-size: 16px">个</span>
                    </li>
                    <li>
                        <span class="yxinmiralce-icon-span iconfont icon-guanjunjiangbei"></span><br>
                        109 <span style="font-size: 16px">项</span>
                    </li>
                    <li style="color: #ec8585">
                        <span class="yxinmiralce-icon-span iconfont icon-paiming"></span><br>
                        <span style="font-size: 32px">第</span> 3 <span style="font-size: 32px">名</span>
                    </li>
                </ul>
            </div>
            <div class="no-bd">
                <ul>
                    <li>冬奥会举办次数</li>
                    <li>2022年冬奥参加地区数</li>
                    <li>2022年冬奥小项赛事数</li>
                    <li>2022年冬奥会中国名次</li>
                </ul>
            </div>
        </div>
        <div class="sort" style="margin-top: 15px">
            <div class="panel sort-bar map">
                <h2>举办冬奥会城市分布</h2>
                <div class="map1"></div>
                <div class="map2"></div>
                <div class="map3"></div>
                <div class="yxinmiracle-chart" style="z-index: 10" id="container"></div>

                <div class="panel-footer"></div>
            </div>
        </div>
    </div>


    <div class="column">
        <div class="panel pie1 monitor yxinmiracle-houjiang" >
            <h2>中国历届冬奥获奖情况</h2>
            <div class="content" style="display: block;">
                <div class="head">
                    <span class="col">获奖时间</span>
                    <span class="col">获奖项目</span>
                    <span class="col">获奖人员</span>
                </div>
                <div class="marquee-view">
                    <div class="marquee">
                        <div class="row">
                            <span class="col">1992年法国阿尔贝维尔</span>
                            <span class="col">速度滑冰女子500米 银牌</span>
                            <span class="col">叶乔波</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1992年法国阿尔贝维尔</span>
                            <span class="col">速度滑冰女子1000米 银牌</span>
                            <span class="col">叶乔波</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1992年法国阿尔贝维尔</span>
                            <span class="col">短道速滑女子500米 银牌</span>
                            <span class="col">李琰</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1994年利勒哈默尔</span>
                            <span class="col">短道速滑女子500米 银牌</span>
                            <span class="col">张艳梅</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1994年利勒哈默尔</span>
                            <span class="col">速度滑冰女子1000米 铜牌</span>
                            <span class="col">叶乔波</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1994年利勒哈默尔</span>
                            <span class="col">花样滑冰女子单人 铜牌</span>
                            <span class="col">陈露</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">短道速滑女子500米 银牌</span>
                            <span class="col">杨阳</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">短道速滑女子1000米 银牌</span>
                            <span class="col">杨阳</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">短道速滑女子3000米接力 银牌</span>
                            <span class="col">杨扬/杨阳/<br>王春露/孙丹丹</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">短道速滑男子1500米 银牌</span>
                            <span class="col">李佳军</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">短道速滑男子500米 铜牌</span>
                            <span class="col">安玉龙</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">自由式滑雪空中技巧 银牌</span>
                            <span class="col">徐囡囡</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">道速滑男子5000米接力 铜牌</span>
                            <span class="col">李佳军/安玉龙/<br>李野/冯凯/郭伟</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">1998年日本长野</span>
                            <span class="col">花样滑冰 铜牌</span>
                            <span class="col">陈露</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑女子500米 金牌</span>
                            <span class="col">杨扬</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑女子1000米 金牌</span>
                            <span class="col">杨扬</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑女子3000米接力 银牌</span>
                            <span class="col">杨扬/杨阳/<br>王春露/孙丹丹</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑男子1500米 银牌</span>
                            <span class="col">李佳军</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑女子500米 铜牌</span>
                            <span class="col">王春露</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">短道速滑女子1000米 铜牌</span>
                            <span class="col">杨阳</span>
                            <span class="icon-dot"></span>
                        </div>


                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">5000米接力 铜牌</span>
                            <span class="col">李佳军/安玉龙/<br>李野/冯凯/郭伟</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2002年盐湖城</span>
                            <span class="col">花样滑冰双人滑 铜牌</span>
                            <span class="col">申雪/赵宏博</span>
                            <span class="icon-dot"></span>
                        </div>



                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">短道速滑女子500米 金牌</span>
                            <span class="col">王濛</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">短道速滑女子1000米 金牌</span>
                            <span class="col">王濛</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">短道速滑女子1500米 金牌</span>
                            <span class="col">周洋</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">短道速滑女子3000米接力 金牌</span>
                            <span class="col">王濛/周洋/<br>孙琳琳/张会</span>
                            <span class="icon-dot"></span>
                        </div>



                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">花样滑冰双人滑 金牌</span>
                            <span class="col">申雪/赵宏博</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">花样滑冰双人滑 银牌</span>
                            <span class="col">庞清/佟健</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">自由式滑雪女子空中技巧 银牌</span>
                            <span class="col">李妮娜</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">自由式滑雪女子空中技巧 铜牌</span>
                            <span class="col">郭心心</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">自由式滑雪男子空中技巧 铜牌</span>
                            <span class="col">刘忠庆</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">速度滑冰女子500米 铜牌</span>
                            <span class="col">王北星</span>
                            <span class="icon-dot"></span>
                        </div>
                        <div class="row">
                            <span class="col">2006年温哥华</span>
                            <span class="col">女子冰壶 铜牌</span>
                            <span class="col">王冰玉/柳荫/<br>岳清爽/周妍</span>
                            <span class="icon-dot"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel word">
            <h2>历届冬奥各国奖牌累计获得情况</h2>
            <div class="chart yxinmiracle-paixu" id="2" ></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel champ">
            <h2>中国累计获得奖牌数</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>

    </div>
</section>

<script src="js/china.js"></script>
<script src="js/flexible.js"></script>
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script src="js/world.js"></script>
<script src="js/index.js"></script>
<script src="js/myMap.js"></script>
<script>
    var dom = document.getElementById("2");
    var myChart = echarts.init(dom);
    var app = {};
    var option;
    const updateFrequency = 2000;
    const dimension = 0;
    const countryColors = {
        挪威: "#006cff",
        德国: "#60cda0",
        中国: "#ed8884",
        美国: "#ff9f7f",
        瑞典: "#0096ff",
        荷兰: "#9fe6b8",
        奥地利: "#32c5e9",
        瑞士: "#1d9dff",
        俄罗斯: "#18e59c",
        法国: "#c06cf8",
        加拿大:"#1089E7",
        日本: "#F57474",
        意大利:"#56D0E3",
        韩国: "#F8B448",
        芬兰: "#8B78F6"  ,
        澳大利亚: "#18e59c",
        英国: "#1089E7",
        白俄罗斯: "#ff9f7f"
    };

    const data = [
        ['Income', 'Country', 'Year'],

        // 1924
        [17, '挪威', 1924],
        [11, '芬兰', 1924],
        [3, '奥地利', 1924],
        [3, '瑞士', 1924],
        [4, '美国', 1924],
        [4, '英国', 1924],
        [2, '瑞典', 1924],
        [1, '加拿大', 1924],
        [3, '法国', 1924],
        [1, '比利时', 1924],

        // 1928
        [32, '挪威', 1928],
        [10, '美国', 1928],
        [7, '瑞典', 1928],
        [15, '芬兰', 1928],
        [2, '加拿大', 1928],
        [4, '法国', 1928],
        [7, '奥地利', 1928],
        [2, '比利时', 1928],
        [1, '捷克斯洛伐克', 1928],
        [1, '德国', 1928],
        [5, '英国', 1928],
        [4, '瑞士', 1928],

        // 1932
        [22, '美国', 1932],
        [42, '挪威', 1932],
        [10, '瑞典', 1932],
        [9, '加拿大', 1932],
        [18, '芬兰', 1932],
        [9, '奥地利', 1932],
        [5, '法国', 1932],
        [5, '瑞士', 1932],
        [3, '德国', 1932],
        [1, '匈牙利', 1932],
        [2, '比利时', 1932],
        [1, '捷克斯洛伐克', 1932],
        [5, '英国', 1932],

        //1936
        [57, '挪威', 1936],
        [9, '德国', 1936],
        [17, '瑞典', 1936],
        [24, '芬兰', 1936],
        [8, '瑞士', 1936],
        [13, '奥地利', 1936],
        [8, '英国', 1936],
        [26, '美国', 1936],
        [10, '加拿大', 1936],
        [6, '法国', 1936],
        [2, '匈牙利', 1936],
        [1, '捷克斯洛伐克', 1936],
        [2, '比利时', 1936],

        // 1948
        [67, '挪威', 1948],
        [19, '德国', 1948],
        [18, '瑞士', 1948],
        [35, '美国', 1948],
        [11, '法国', 1948],
        [13, '加拿大', 1948],
        [21, '奥地利', 1948],
        [30, '芬兰', 1948],
        [4, '比利时', 1948],
        [1, '意大利', 1948],
        [3, '匈牙利', 1948],
        [2, '捷克斯洛伐克', 1948],
        [10, '英国', 1948],
        [17, '瑞典', 1948],

        // 1952
        [83, '挪威', 1952],
        [46, '美国', 1952],
        [39, '芬兰', 1952],
        [26, '德国', 1952],
        [29, '奥地利', 1952],
        [15, '加拿大', 1952],
        [3, '意大利', 1952],
        [11, '英国', 1952],
        [3, '荷兰', 1952],
        [21, '瑞典', 1952],
        [20, '瑞士', 1952],
        [4, '匈牙利', 1952],
        [12, '法国', 1952],
        [4, '比利时', 1952],
        [2, '捷克斯洛伐克', 1952],

        // 1956
        [16, '前苏联', 1956],
        [40, '奥地利', 1956],
        [46, '芬兰', 1956],
        [26, '瑞士', 1956],
        [31, '瑞典', 1956],
        [53, '美国', 1956],
        [87, '挪威', 1956],
        [6, '意大利', 1956],
        [28, '德国', 1956],
        [18, '加拿大', 1956],
        [1, '日本', 1956],
        [1, '波兰', 1956],
        [5, '匈牙利', 1956],
        [12, '法国', 1956],
        [4, '比利时', 1956],
        [2, '捷克斯洛伐克', 1956],
        [11, '英国', 1956],
        [3, '荷兰', 1956],

        // 1960
        [37, '前苏联', 1960],
        [36, '德国', 1960],
        [63, '美国', 1960],
        [93, '挪威', 1960],
        [38, '瑞典', 1960],
        [54, '芬兰', 1960],
        [22, '加拿大', 1960],
        [28, '瑞士', 1960],
        [46, '奥地利', 1960],
        [15, '法国', 1960],
        [3, '波兰', 1960],
        [5, '荷兰', 1960],
        [3, '捷克斯洛伐克', 1960],
        [7, '意大利', 1960],
        [1, '日本', 1960],
        [4, '比利时', 1960],
        [5, '匈牙利', 1960],
        [11, '英国', 1960],

        //1964
        [62, '前苏联', 1964],
        [58, '奥地利', 1964],
        [108, '挪威', 1964],
        [64, '芬兰', 1964],
        [22, '法国', 1964],
        [45, '德国', 1964],
        [45, '瑞典', 1964],
        [69, '美国', 1964],
        [7, '荷兰', 1964],
        [25, '加拿大', 1964],
        [12, '英国', 1964],
        [11, '意大利', 1964],
        [1, '朝鲜', 1964],
        [4, '捷克斯洛伐克', 1964],
        [4, '比利时', 1964],
        [5, '匈牙利', 1964],
        [3, '波兰', 1964],
        [28, '瑞士', 1964],
        [1, '日本', 1964],

        // 1968
        [122, '挪威', 1968],
        [75, '前苏联', 1968],
        [31, '法国', 1968],
        [15, '意大利', 1968],
        [69, '奥地利', 1968],
        [16, '荷兰', 1968],
        [53, '瑞典', 1968],
        [57, '德国', 1968],
        [76, '美国', 1968],
        [69, '芬兰', 1968],
        [8, '捷克斯洛伐克', 1968],
        [28, '加拿大', 1968],
        [34, '瑞士', 1968],
        [1, '罗马尼亚', 1968],
        [5, '匈牙利', 1968],
        [1, '日本', 1968],
        [1, '朝鲜', 1968],
        [3, '波兰', 1968],
        [12, '英国', 1968],
        [4, '比利时', 1968],

        // 1972
        [91, '前苏联', 1972],
        [76, '德国', 1972],
        [44, '瑞士', 1972],
        [25, '荷兰', 1972],
        [84, '美国', 1972],
        [134, '挪威', 1972],
        [20, '意大利', 1972],
        [74, '奥地利', 1972],
        [57, '瑞典', 1972],
        [4, '日本', 1972],
        [11, '捷克斯洛伐克', 1972],
        [4, '波兰', 1972],
        [1, '西班牙', 1972],
        [74, '芬兰', 1972],
        [34, '法国', 1972],
        [1, '朝鲜', 1972],
        [12, '英国', 1972],
        [1, '罗马尼亚', 1972],
        [28, '加拿大', 1972],
        [5, '匈牙利', 1972],
        [4, '比利时', 1972],

        [118, '前苏联', 1976],
        [105, '德国', 1976],
        [94, '美国', 1976],
        [141, '挪威', 1976],
        [81, '芬兰', 1976],
        [80, '奥地利', 1976],
        [49, '瑞士', 1976],
        [31, '荷兰', 1976],
        [24, '意大利', 1976],
        [31, '加拿大', 1976],
        [13, '英国', 1976],
        [12, '捷克斯洛伐克', 1976],
        [59, '瑞典', 1976],
        [2, '列支敦士登', 1976],
        [35, '法国', 1976],
        [1, '罗马尼亚', 1976],
        [4, '比利时', 1976],
        [4, '波兰', 1976],
        [1, '西班牙', 1976],
        [5, '匈牙利', 1976],
        [4, '日本', 1976],
        [1, '朝鲜', 1976],

        [140, '前苏联', 1980],
        [132, '德国', 1980],
        [106, '美国', 1980],
        [87, '奥地利', 1980],
        [63, '瑞典', 1980],
        [6, '列支敦士登', 1980],
        [90, '芬兰', 1980],
        [151, '挪威', 1980],
        [35, '荷兰', 1980],
        [54, '瑞士', 1980],
        [14, '英国', 1980],
        [29, '意大利', 1980],
        [33, '加拿大', 1980],
        [7, '匈牙利', 1980],
        [5, '日本', 1980],
        [13, '捷克斯洛伐克', 1980],
        [36, '法国', 1980],
        [1, '保加利亚', 1980],
        [4, '波兰', 1980],
        [1, '西班牙', 1980],
        [1, '罗马尼亚', 1980],
        [1, '朝鲜', 1980],
        [4, '比利时', 1980],

        // 1984
        [160, '德国', 1984],
        [165, '前苏联', 1984],
        [114, '美国', 1984],
        [103, '芬兰', 1984],
        [71, '瑞典', 1984],
        [160, '挪威', 1984],
        [59, '瑞士', 1984],
        [37, '加拿大', 1984],
        [31, '意大利', 1984],
        [15, '英国', 1984],
        [19, '捷克斯洛伐克', 1984],
        [39, '法国', 1984],
        [6, '日本', 1984],
        [1, '南斯拉夫', 1984],
        [8, '列支敦士登', 1984],
        [88, '奥地利', 1984],
        [35, '荷兰', 1984],
        [1, '保加利亚', 1984],
        [4, '比利时', 1984],
        [1, '罗马尼亚', 1984],
        [1, '西班牙', 1984],
        [4, '波兰', 1984],
        [7, '匈牙利', 1984],
        [1, '朝鲜', 1984],

        [33, '民主德国', 1988],
        [194, '前苏联', 1988],
        [74, '瑞士', 1988],
        [110, '芬兰', 1988],
        [77, '瑞典', 1988],
        [98, '奥地利', 1988],
        [42, '荷兰', 1988],
        [120, '美国', 1988],
        [36, '意大利', 1988],
        [41, '法国', 1988],
        [165, '挪威', 1988],
        [42, '加拿大', 1988],
        [4, '南斯拉夫', 1988],
        [22, '捷克斯洛伐克', 1988],
        [7, '日本', 1988],
        [9, '列支敦士登', 1988],
        [160, '德国', 1988],
        [1, '保加利亚', 1988],
        [4, '比利时', 1988],
        [7, '匈牙利', 1988],
        [1, '朝鲜', 1988],
        [4, '波兰', 1988],
        [1, '罗马尼亚', 1988],
        [15, '英国', 1988],
        [1, '西班牙', 1988],

        [186, '德国', 1992],
        [23, '独联体', 1992],
        [185, '挪威', 1992],
        [119, '奥地利', 1992],
        [131, '美国', 1992],
        [50, '意大利', 1992],
        [50, '法国', 1992],
        [117, '芬兰', 1992],
        [49, '加拿大', 1992],
        [4, '韩国', 1992],
        [14, '日本', 1992],
        [46, '荷兰', 1992],
        [81, '瑞典', 1992],
        [77, '瑞士', 1992],
        [3, '中国', 1992],
        [11, '列支敦士登', 1992],
        [1, '新西兰', 1992],
        [25, '捷克斯洛伐克', 1992],
        [2, '朝鲜', 1992],
        [2, '西班牙', 1992],
        [7, '匈牙利', 1992],
        [4, '比利时', 1992],
        [1, '保加利亚', 1992],
        [4, '南斯拉夫', 1992],
        [194, '前苏联', 1992],
        [33, '民主德国', 1992],
        [4, '波兰', 1992],
        [1, '罗马尼亚', 1992],
        [15, '英国', 1992],

        [23, '俄罗斯', 1994],
        [211, '挪威', 1994],
        [210, '德国', 1994],
        [70, '意大利', 1994],
        [144, '美国', 1994],
        [10, '韩国', 1994],
        [62, '加拿大', 1994],
        [84, '瑞士', 1994],
        [126, '奥地利', 1994],
        [84, '瑞典', 1994],
        [18, '日本', 1994],
        [3, '哈萨克斯坦', 1994],
        [6, '乌兹别克斯坦', 1994],
        [1, '乌克兰', 1994],
        [6, '白俄罗斯', 1994],
        [121, '芬兰', 1994],
        [53, '法国', 1994],
        [50, '荷兰', 1994],
        [6, '中国', 1994],
        [3, '斯洛伐克', 1994],
        [17, '英国', 1994],
        [1, '澳大利亚', 1994],
        [7, '匈牙利', 1994],
        [25, '捷克斯洛伐克', 1994],
        [1, '新西兰', 1994],
        [11, '列支敦士登', 1994],
        [1, '保加利亚', 1994],
        [4, '比利时', 1994],
        [194, '前苏联', 1994],
        [2, '朝鲜', 1994],
        [33, '民主德国', 1994],
        [23, '独联体', 1994],
        [2, '西班牙', 1994],
        [4, '南斯拉夫', 1994],
        [4, '波兰', 1994],
        [1, '罗马尼亚', 1994],

        [239, '德国', 1998],
        [236, '挪威', 1998],
        [41, '俄罗斯', 1998],
        [77, '加拿大', 1998],
        [157, '美国', 1998],
        [61, '荷兰', 1998],
        [28, '日本', 1998],
        [143, '奥地利', 1998],
        [16, '韩国', 1998],
        [80, '意大利', 1998],
        [133, '芬兰', 1998],
        [91, '瑞士', 1998],
        [61, '法国', 1998],
        [3, '捷克', 1998],
        [2, '保加利亚', 1998],
        [14, '中国', 1998],
        [87, '瑞典', 1998],
        [2, '乌克兰', 1998],
        [1, '丹麦', 1998],
        [8, '白俄罗斯', 1998],
        [5, '哈萨克斯坦', 1998],
        [18, '英国', 1998],
        [2, '澳大利亚', 1998],
        [5, '比利时', 1998],
        [25, '捷克斯洛伐克', 1998],
        [1, '新西兰', 1998],
        [194, '前苏联', 1998],
        [11, '列支敦士登', 1998],
        [4, '南斯拉夫', 1998],
        [2, '朝鲜', 1998],
        [33, '民主德国', 1998],
        [2, '西班牙', 1998],
        [3, '斯洛伐克', 1998],
        [4, '波兰', 1998],
        [7, '匈牙利', 1998],
        [23, '独联体', 1998],
        [1, '罗马尼亚', 1998],
        [6, '乌兹别克斯坦', 1998],

        [261, '挪威', 2002],
        [275, '德国', 2002],
        [191, '美国', 2002],
        [94, '加拿大', 2002],
        [54, '俄罗斯', 2002],
        [72, '法国', 2002],
        [93, '意大利', 2002],
        [140, '芬兰', 2002],
        [69, '荷兰', 2002],
        [160, '奥地利', 2002],
        [102, '瑞士', 2002],
        [4, '克罗地亚', 2002],
        [22, '中国', 2002],
        [20, '韩国', 2002],
        [4, '澳大利亚', 2002],
        [6, '捷克', 2002],
        [3, '爱沙尼亚', 2002],
        [20, '英国', 2002],
        [94, '瑞典', 2002],
        [5, '保加利亚', 2002],
        [30, '日本', 2002],
        [6, '波兰', 2002],
        [9, '白俄罗斯', 2002],
        [1, '斯洛文尼亚', 2002],
        [3, '斯洛伐克', 2002],
        [2, '乌克兰', 2002],
        [2, '朝鲜', 2002],
        [194, '前苏联', 2002],
        [1, '新西兰', 2002],
        [5, '哈萨克斯坦', 2002],
        [23, '独联体', 2002],
        [33, '民主德国', 2002],
        [2, '西班牙', 2002],
        [5, '比利时', 2002],
        [1, '罗马尼亚', 2002],
        [25, '捷克斯洛伐克', 2002],
        [7, '匈牙利', 2002],
        [4, '南斯拉夫', 2002],
        [1, '丹麦', 2002],
        [11, '列支敦士登', 2002],
        [6, '乌兹别克斯坦', 2002],

        [304, '德国', 2006],
        [216, '美国', 2006],
        [183, '奥地利', 2006],
        [76, '俄罗斯', 2006],
        [118, '加拿大', 2006],
        [108, '瑞典', 2006],
        [31, '韩国', 2006],
        [116, '瑞士', 2006],
        [104, '意大利', 2006],
        [81, '法国', 2006],
        [78, '荷兰', 2006],
        [6, '爱沙尼亚', 2006],
        [280, '挪威', 2006],
        [33, '中国', 2006],
        [10, '捷克', 2006],
        [7, '克罗地亚', 2006],
        [6, '澳大利亚', 2006],
        [31, '日本', 2006],
        [149, '芬兰', 2006],
        [8, '波兰', 2006],
        [21, '英国', 2006],
        [4, '斯洛伐克', 2006],
        [6, '保加利亚', 2006],
        [10, '白俄罗斯', 2006],
        [4, '乌克兰', 2006],
        [1, '拉脱维亚', 2006],
        [1, '丹麦', 2006],
        [5, '哈萨克斯坦', 2006],
        [11, '列支敦士登', 2006],
        [25, '捷克斯洛伐克', 2006],
        [1, '罗马尼亚', 2006],
        [33, '民主德国', 2006],
        [2, '西班牙', 2006],
        [7, '匈牙利', 2006],
        [5, '比利时', 2006],
        [1, '新西兰', 2006],
        [2, '朝鲜', 2006],
        [23, '独联体', 2006],
        [6, '乌兹别克斯坦', 2006],
        [4, '南斯拉夫', 2006],
        [194, '前苏联', 2006],
        [1, '斯洛文尼亚', 2006],

        [144, '加拿大', 2010],
        [334, '德国', 2010],
        [253, '美国', 2010],
        [303, '挪威', 2010],
        [45, '韩国', 2010],
        [125, '瑞士', 2010],
        [44, '中国', 2010],
        [119, '瑞典', 2010],
        [199, '奥地利', 2010],
        [86, '荷兰', 2010],
        [91, '俄罗斯', 2010],
        [92, '法国', 2010],
        [9, '澳大利亚', 2010],
        [16, '捷克', 2010],
        [14, '波兰', 2010],
        [109, '意大利', 2010],
        [7, '斯洛伐克', 2010],
        [13, '白俄罗斯', 2010],
        [22, '英国', 2010],
        [36, '日本', 2010],
        [10, '克罗地亚', 2010],
        [4, '斯洛文尼亚', 2010],
        [3, '拉脱维亚', 2010],
        [154, '芬兰', 2010],
        [7, '爱沙尼亚', 2010],
        [5, '比利时', 2010],
        [5, '哈萨克斯坦', 2010],
        [2, '西班牙', 2010],
        [194, '前苏联', 2010],
        [1, '丹麦', 2010],
        [23, '独联体', 2010],
        [6, '保加利亚', 2010],
        [11, '列支敦士登', 2010],
        [6, '乌兹别克斯坦', 2010],
        [25, '捷克斯洛伐克', 2010],
        [1, '罗马尼亚', 2010],
        [4, '南斯拉夫', 2010],
        [1, '新西兰', 2010],
        [4, '乌克兰', 2010],
        [33, '民主德国', 2010],
        [7, '匈牙利', 2010],
        [2, '朝鲜', 2010],

        // 2014
        [124, '俄罗斯', 2014],
        [329, '挪威', 2014],
        [169, '加拿大', 2014],
        [281, '美国', 2014],
        [110, '荷兰', 2014],
        [353, '德国', 2014],
        [136, '瑞士', 2014],
        [19, '白俄罗斯', 2014],
        [216, '奥地利', 2014],
        [107, '法国', 2014],
        [20, '波兰', 2014],
        [53, '中国', 2014],
        [53, '韩国', 2014],
        [133, '瑞典', 2014],
        [24, '捷克', 2014],
        [11, '斯洛文尼亚', 2014],
        [44, '日本', 2014],
        [159, '芬兰', 2014],
        [26, '英国', 2014],
        [9, '斯洛伐克', 2014],
        [6, '乌克兰', 2014],
        [117, '意大利', 2014],
        [7, '拉脱维亚', 2014],
        [12, '澳大利亚', 2014],
        [11, '克罗地亚', 2014],
        [6, '哈萨克斯坦', 2014],
        [194, '前苏联', 2014],
        [33, '民主德国', 2014],
        [5, '比利时', 2014],
        [6, '保加利亚', 2014],
        [1, '新西兰', 2014],
        [7, '爱沙尼亚', 2014],
        [11, '列支敦士登', 2014],
        [23, '独联体', 2014],
        [1, '丹麦', 2014],
        [7, '匈牙利', 2014],
        [1, '罗马尼亚', 2014],
        [2, '西班牙', 2014],
        [2, '朝鲜', 2014],
        [25, '捷克斯洛伐克', 2014],
        [4, '南斯拉夫', 2014],
        [6, '乌兹别克斯坦', 2014],

        [368, '挪威', 2018],
        [384, '德国', 2018],
        [198, '加拿大', 2018],
        [304, '美国', 2018],
        [130, '荷兰', 2018],
        [147, '瑞典', 2018],
        [70, '韩国', 2018],
        [151, '瑞士', 2018],
        [122, '法国', 2018],
        [230, '奥地利', 2018],
        [57, '日本', 2018],
        [127, '意大利', 2018],
        [17, '俄奥运选手', 2018],
        [31, '捷克', 2018],
        [22, '白俄罗斯', 2018],
        [62, '中国', 2018],
        [12, '斯洛伐克', 2018],
        [165, '芬兰', 2018],
        [31, '英国', 2018],
        [22, '波兰', 2018],
        [8, '匈牙利', 2018],
        [7, '乌克兰', 2018],
        [15, '澳大利亚', 2018],
        [13, '斯洛文尼亚', 2018],
        [6, '比利时', 2018],
        [4, '西班牙', 2018],
        [3, '新西兰', 2018],
        [12, '列支敦士登', 2018],
        [6, '哈萨克斯坦', 2018],
        [25, '捷克斯洛伐克', 2018],
        [6, '保加利亚', 2018],
        [194, '前苏联', 2018],
        [33, '民主德国', 2018],
        [23, '独联体', 2018],
        [124, '俄罗斯', 2018],
        [1, '丹麦', 2018],
        [7, '拉脱维亚', 2018],
        [1, '罗马尼亚', 2018],
        [7, '爱沙尼亚', 2018],
        [2, '朝鲜', 2018],
        [6, '乌兹别克斯坦', 2018],
        [4, '南斯拉夫', 2018],
        [11, '克罗地亚', 2018],

        [405, '挪威', 2022],
        [411, '德国', 2022],
        [77, '中国', 2022],
        [329, '美国', 2022],
        [165, '瑞典', 2022],
        [147, '荷兰', 2022],
        [248, '奥地利', 2022],
        [165, '瑞士', 2022],
        [32, '俄奥会', 2022],
        [136, '法国', 2022],
        [224, '加拿大', 2022],
        [75, '日本', 2022],
        [144, '意大利', 2022],
        [79, '韩国', 2022],
        [20, '斯洛文尼亚', 2022],
        [173, '芬兰', 2022],
        [6, '新西兰', 2022],
        [19, '澳大利亚', 2022],
        [33, '英国', 2022],
        [11, '匈牙利', 2022],
        [8, '比利时', 2022],
        [33, '捷克', 2022],
        [14, '斯洛伐克', 2022],
        [24, '白俄罗斯', 2022],
        [5, '西班牙', 2022],
        [8, '乌克兰', 2022],
        [8, '爱沙尼亚', 2022],
        [8, '拉脱维亚', 2022],
        [6, '哈萨克斯坦', 2022],
        [25, '捷克斯洛伐克', 2022],
        [124, '俄罗斯', 2022],
        [1, '丹麦', 2022],
        [1, '罗马尼亚', 2022],
        [6, '乌兹别克斯坦', 2022],
        [23, '独联体', 2022],
        [194, '前苏联', 2022],
        [4, '南斯拉夫', 2022],
        [2, '朝鲜', 2022],
        [6, '保加利亚', 2022],
        [33, '民主德国', 2022],
        [11, '克罗地亚', 2022],
        [12, '列支敦士登', 2022],
        [17, '俄奥运选手', 2022],
        [22, '波兰', 2022]
    ];
    const years = []; // 这里是year 数据
    for (let i = 0; i < data.length; ++i) {
        if (years.length === 0 || years[years.length - 1] !== data[i][2]) {
            years.push(data[i][2]);
        }
    }
    let startIndex = 2;
    let startYear = years[startIndex];

    option = {
        grid: {
            top: 10,
            bottom: 30,
            left: 60,
            right: 55
        },
        xAxis: {
            max: 'dataMax',
            show: false,
            axisLabel: {
                formatter: function (n) {
                    let test = Math.round(n) + ''; // 这里是x轴坐标
                    return test;
                }
            },
        },
        dataset: {
            // 将所有startYear的数据找出来
            source: data.slice(1).filter(function (d) {
                return d[2] === startYear;
            })
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999999'
                }
            }
        },
        yAxis: {
            type: 'category',
            inverse: true,
            max: 12,
            axisLabel: {
                show: true,
                fontSize: 14,
                formatter: function (value) {
                    return value;
                },
                textStyle: {
                    color: 'rgba(253,248,249,0.89)',//rgba(255,255,255,.6)
                    fontSize: '12'
                }
            },
            axisTick: {
                interval: 1
            },
            animationDuration: 300,
            animationDurationUpdate: 300
        },
        dataZoom: [
            {
                yAxisIndex: [0],
                width: 20
            }
        ],
        series: [
            {
                realtimeSort: true,
                seriesLayoutBy: 'column',
                type: 'bar',
                itemStyle: {
                    normal: {
                        barBorderRadius: 20,
                        color: function (param) {
                            return countryColors[param.value[1]] || '#5470c6';
                        }
                    },
                },
                encode: {
                    x: dimension,
                    y: 3
                },
                tooltip: {
                    valueFormatter: function (value) {
                        return "共"+value+ "枚奖牌"
                    }
                },
                label: {
                    show: true,
                    precision: 1,
                    position: 'right',
                    valueAnimation: true,
                    fontFamily: 'electronicFont',
                    formatter: function (params) {
                        if ((params.value + '').split(',')[1] === "中国"){
                            return Math.round((params.value + '').split(',')[0]) + ' 🏆';
                        }
                        return Math.round((params.value + '').split(',')[0]) ;
                    },
                    textStyle: {
                        fontSize: 14,
                        color: "rgba(255,255,255,.6)"
                    }
                }
            }
        ],
        // Disable init animation.
        animationDuration: 0,
        animationDurationUpdate: updateFrequency,
        animationEasing: 'linear',
        animationEasingUpdate: 'linear',
        graphic: {
            elements: [
                {
                    // 水印
                    type: 'text',
                    right: 80,
                    bottom: 20,
                    style: {
                        text: startYear,
                        font: 'bolder 80px monospace',
                        fill: 'rgba(224,212,212,0.76)'
                    },
                    z: 100
                }
            ]
        }
    };
    // console.log(option);
    myChart.setOption(option);
    for (let i = startIndex; i < years.length - 1; ++i) {
        (function (i) {
            setTimeout(function () {
                updateYear(years[i + 1]);
            }, (i - startIndex) * updateFrequency);
        })(i);
    }
    function updateYear(year) {
        let source = data.slice(1).filter(function (d) {
            return d[2] === year;
        });
        option.series[0].data = source;
        option.graphic.elements[0].style.text = year; // 这里是控制水印的
        myChart.setOption(option);
        window.addEventListener("resize", function () {
            // 让我们的图表调用 resize这个方法
            myChart.resize();
        });
    }


    if (option && typeof option === 'object') {
        myChart.setOption(option);
        window.addEventListener("resize", function () {
            // 让我们的图表调用 resize这个方法
            myChart.resize();
        });
    }

</script>
</body>
</html>



